* {margin:0;padding:0;font-family:"Microsoft YaHei",微软雅黑;}
html,body {width:100%;height:100%;overflow-x:hidden;}
a,a:active,a:visited {text-decoration:none;}
img {width:100%;height:auto;}
.red {color:red !important;}

.top-header {
  background:#f8f8f8;width:100%;height:50px;}
.top-header h3, .top-header span {
  color:#ae9054;font-size:20px;line-height:50px;position:relative;margin:0;}
.top-header h3 {
  width:100%;text-align:center;font-weight:normal;}
.top-header span {
  position:absolute;top:0px;left:15px;cursor:pointer;}

.page-menu {
  width:100%;float:left;padding-left:4%;}
.page-menu div {
  width:30%;float:left;font-size:18px;font-weight:bold;text-align:center;
  padding:15px 0 10px;cursor:pointer;color:#000;}
.page-menu div.active-menu,.page-menu div:hover {
  border-bottom:5px solid #ae9054;}

.content {margin-bottom:20px;}
.content h4 {
  text-align:center;margin:20px 0;}
.content p.bold-font {
  color:#000;font-weight:bold;margin:10px 0;}
.content p {
  color:#666;padding:2px 10px;line-height:25px;}

.luo-header {
  width:100%;float:left;padding:20px 25%;}
.luo-header img {
  width:20px;position:absolute;top:3px;left:7%;}
.luo-header div {
  color:#ae9054;height:25px;line-height:25px;position:relative;padding-left:25px;
  width:20%;float:left;text-align:center;cursor:pointer;}
.luo-users-header {
  width:100%;float:left;position:relative;}
.luo-users-header img {
  width:20px;position:absolute;top:3px;left:25px;}
.luo-users-header div {
  color:#ae9054;height:25px;line-height:25px;position:relative;padding-left:25px;
  width:35%;float:left;text-align:center;cursor:pointer;margin-top:20px;margin-left:25%;}

.logo {
  text-align:center;}
.logo img {
  width:15%;}

.luo-list {
  margin:4% 0 4% 4%;float:left;}
.luo {
  width:28%;height:23vh;float:left;margin:2%;}
.luo img,.luo span {
  width:100%;}
.luo span{
  text-align:center;font-size:14px;display:inline-block;color:#000;}

.login-wrapper {
  background:url('/images/login-bg.png') no-repeat;background-size:100% 100%;
  height:100%;}
.login-form {
  padding-top:30vh;width:60%;margin-left:20%;}
.login-form label {
  float:left;}
.login-form p {
  width:100%;text-align:center;font-size:17px;}

.btn {
  color:#fff;background-color:#af9054;border-radius:5px;width:47%;margin-left:1%;}
.full-width-btn {
  width:98%;}

.register-form {
  width:90%;margin-left:10px;}
.register-form select {
  float:left;margin-right:3%;}
.register-form select.short-select {
  width:47%;margin-bottom:20px;}
.register-form .checkbox {
  margin-top:15px;}

@media screen and (min-width:768px) {
  .login-form {
    padding-top:30%;}
}

.post-form {
  width:96%;margin-left:2%;}

.card {
  width:100%;padding-left:4%;background:#fff;float:left;clear:both;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;}
.user-card {
  padding-top:20px;margin-bottom:20px;}
.dl-horizontal dt, .dl-horizontal dd {
  height:30px;line-height:30px;}
.dl-horizontal dt {
  float: left; width: 30%; overflow: hidden; clear: left; text-align: left;
  text-overflow: ellipsis; white-space: nowrap; }
.dl-horizontal dd {
  width:70%;float:left;}
.post-card h4 {
  text-align:left;border-bottom:1px solid #eee;margin:0;padding:10px 0;}
.post {
  border-bottom:1px solid #e9e9e9;}
.post h5 {
  font-weight:bold;color:#000;font-size:16px;text-decoration:none;}
.post p {
  color:#999;font-size:14px;padding-left:0;}
.post-card .title {
  text-align:center;font-weight:bold;}
.post-card .author {
  color:#999;text-align:center;}

.comment-box {
  padding-top:20px;}
.comment-box i {
  font-size:20px;margin-right:5px;}
#comment {
  height:30px;width:60%;}
.btn-comment {
  width:25%;height:30px;margin-top:-5px;}
.comment-info {
  margin-top:10px;}

.comment {
  border-bottom:1px solid #eee;}
.comment div {
  position:relative;}
.comment .date {
  position:absolute;right:10px;top:0px;}
.comment p {
  padding-left:0;}

.pagination {
  text-align:center;width:100%;display:none;}
.pagination span {
  cursor:pointer;}
.pagination span:hover {
  text-decoration:underline;}

.post-list {
  width:100%;float:left;}
.post-list .post {
  padding:15px;}
.post-list .post h5 {
  padding-bottom:5px;}
.more {
  width:100%;text-align:center;padding:10px 0;color:#ae9054;cursor:pointer;}

.call {
  margin:50px 40%;cursor:pointer;}
.call, .call img,.call span {
  width:70px;}
.call span {
  font-size:14px;color:#333;}
